<!DOCTYPE html>
<html>
    
<head>
            
    <meta charset="utf-8">
            <title>菜鸟教程(runoob.com)</title>
            
    <style>
        body {
            background-image: url('http://www.runoob.com/try/demo_source/pineapple.jpg');
            background-repeat: no-repeat;
            background-attachment: fixed;
        }
    </style>
        
</head>
    
<body>
<p>背景图片是固定的。尝试向下滚动页面。</p>
<br>
<br>
<br>
<p>背景图片是固定的。尝试向下滚动页面。</p>
<br>
<br>
<br>
<p>背景图片是固定的。尝试向下滚动页面。</p>
<br>
<br>
<br>
<p>背景图片是固定的。尝试向下滚动页面。</p>
<br>
<br>
<br>
<p>背景图片是固定的。尝试向下滚动页面。</p>
<br>
<br>
<br>
<p>背景图片是固定的。尝试向下滚动页面。</p>
<br>
<br>
<br>
<p>背景图片是固定的。尝试向下滚动页面。</p>
<br>
<br>
<br>
<p>背景图片是固定的。尝试向下滚动页面。</p>
<br>
<br>
<br>
<p>背景图片是固定的。尝试向下滚动页面。</p>
<br>
<br>
<br>
<p>背景图片是固定的。尝试向下滚动页面。</p>
<br>
<br>
<br>

    
</body>
</html>
